:root {
        --neon-blue: #00f3ff;
        --dark-bg: #050505;
        --terminal-green: #0f0;
    }
    
    body { font-family: 'Roboto', sans-serif; background-color: var(--dark-bg); color: #e0e0e0; overflow-x: hidden; }
    .font-mono { font-family: 'Share Tech Mono', monospace; }
    .bg-darker { background-color: #0a0a0a; }
    .text-info { color: var(--neon-blue) !important; }
    
    /* Hero Section */
    .hero-section {
        height: 100vh;
        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://image.pollinations.ai/prompt/Satellite%20view%20of%20earth%20with%20digital%20data%20overlay%20hud%20interface%20dark%20blue%20tone?width=1920&height=1080&nologo=true') no-repeat center center/cover;
        position: relative;
    }
    
    /* Glitch Effect */
    .glitch-effect {
        position: relative;
        text-shadow: 2px 2px 0px #ff00ff, -2px -2px 0px #00ffff;
        animation: glitch 1s infinite;
    }
    @keyframes glitch {
        2%, 64% { transform: translate(2px,0) skew(0deg); }
        4%, 60% { transform: translate(-2px,0) skew(0deg); }
        62% { transform: translate(0,0) skew(5deg); }
    }

    /* Scanlines */
    .scanlines {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.2));
        background-size: 100% 4px;
        pointer-events: none;
    }

    /* Terminal Window */
    .terminal-window {
        background: #1a1a1a; border: 1px solid #333; border-radius: 6px;
        box-shadow: 0 0 20px rgba(0, 243, 255, 0.1);
    }
    .terminal-header {
        background: #333; padding: 5px 15px; border-radius: 5px 5px 0 0; display: flex; align-items: center;
    }
    .dot { height: 12px; width: 12px; background-color: #bbb; border-radius: 50%; display: inline-block; margin-right: 5px; }
    .red { background-color: #ff5f56; } .yellow { background-color: #ffbd2e; } .green { background-color: #27c93f; }
    .terminal-body { padding: 20px; font-size: 1.1rem; line-height: 1.6; text-align: left;}

    /* Character Cards */
    .char-card {
        background: #111; border: 1px solid #333; transition: transform 0.3s, border-color 0.3s;
    }
    .char-card:hover {
        transform: translateY(-5px); border-color: var(--neon-blue);
        box-shadow: 0 0 15px rgba(0, 243, 255, 0.3);
    }
    .img-wrapper { overflow: hidden; height: 400px; }
    .char-card img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(80%) contrast(1.2); transition: filter 0.3s; }
    .char-card:hover img { filter: grayscale(0%) contrast(1); }

    /* Scene Styling */
    .section-title { letter-spacing: 4px; border-bottom: 1px solid #333; display: inline-block; padding-bottom: 10px; }
    .scene-img { border: 1px solid #333; opacity: 0.8; transition: opacity 0.3s; }
    .scene-row:hover .scene-img { opacity: 1; border-color: var(--neon-blue); }
    .scene-title { font-family: 'Share Tech Mono', monospace; color: white; }
    .hash { color: var(--neon-blue); }
    .scene-divider { border-color: #333; margin: 3rem 0; }